<?php if (!defined('THINK_PATH')) exit(); /*a:4:{s:66:"/home/wwwroot/tp5/public/../application/blog/view/index/login.html";i:1488546775;s:61:"/home/wwwroot/tp5/public/../application/blog/view/layout.html";i:1488546775;s:36:"../application/blog/view/header.html";i:1488550064;s:36:"../application/blog/view/footer.html";i:1488546775;}*/ ?>
<!DOCTYPE html>
<html lang="zh-cn">
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <title><?php echo \think\Request::instance()->action(); ?></title>

        <!-- Bootstrap CSS -->
        <link href="//netdna.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css" rel="stylesheet">
        <style>
            html,body {
                height: 100%;
                }
            .container {
                /*background: #ccc; */
                width: 100%; 
                height: 100%
                }
            #header {
                background-color: royalblue;
                height: 10%
            }
            #middle {
                background: peru; 
                height: 86%
            }
            #footer {
                height: 4%; 
            }
            #left-side-menu {
                background: dodgerblue;
                height: 100%
            }
        </style>

        <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
        <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
        <!--[if lt IE 9]>
            <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
            <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
        <![endif]-->
        <!-- jQuery -->
        <script src="//code.jquery.com/jquery.js"></script>
        <!-- Bootstrap JavaScript -->
        <script src="//netdna.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
    </head>
    <body>
 
<div class="container">
    
    <div class="row" id="header">
        <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
            <h1 class="text-center">头部信息栏</h1>
        </div>
    </div>
      
    <div class="row" id="middle">       
        <div class="col-xs-2 col-sm-2 col-md-2 col-lg-2" id="left-side-menu">
            
        </div>
        <div class="col-xs-10 col-sm-10 col-md-10 col-lg-10">   
            <div class="panel panel-primary center-block" style="width: 360px; margin-top: 200px">
                  <div class="panel-heading">
                        <h3 class="panel-title">登陆框</h3>
                  </div>
                  <div class="panel-body">
                        
                        <form action="" method="POST" role="form">
                            <div class="form-group">
                                <label for="">username</label>
                                <input type="text" class="form-control" name="username" id="username" placeholder="Input your username" required>
                            </div>
                            
                            <div class="form-group">
                                <label for="">password</label>
                                <input type="text" class="form-control" name="password" id="password" placeholder="Input your password" required>
                            </div>
                            <button type="submit" class="btn btn-primary center-block">Submit</button>
                        </form>
                        
                  </div>
            </div>                 
        </div>
    </div>
    
    <div class="row bg-info" id="footer">
        <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12 text-center">
            <span>底部信息栏</span>
        </div>
    </div>
    
</div>

    </body>
</html>